import './App.css'
export default function App(){
  var arr = [
    <h3 key="1">你好h3</h3>,
    <h3 key="2">我是小可爱</h3>,
    <p key="3">我也很烦人</p>
  ]
  var styleObj = {
    fontSize:48,
    color:'blue',
    fontWeight:900
  }
  return (<div>
    <p style={styleObj}>学好react月薪过2W</p>
    <h1 className="primary">jsx语法</h1>
    {/* <p>{2+3}</p>
    <p>{"love".length}</p> */}
    {arr}
  </div>)
}

// 01 有且只有一个根节点
// 02 一对{} 写js
// 03 {/* 注释 */}
// 04 数组里面可以有html节点
// 05 class用className代替
// 06 样式对象会自动展开
 